* {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav {
    color: white;
    box-sizing: border-box;
    padding: 0px 40px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    width: 100%;
    min-width: 800px;
    background-color: #082457;
    height: 50px;
    line-height: 50px;
}
i{
    font-style: normal;
    font-family: 'iconfont';
    margin-right: 5px;
    width: 20px;
    height: 20px;
    display: inline-block;
}
.nav .nav-right {
    width: 200px;
    display: flex;
    justify-content: space-between;
    line-height: 50px;
}
.nav .nav-right .font{
    font-size: 25px;
    cursor: pointer;
}
.body-center{
    display: flex;
}
.body-center .body-left {
    min-height:calc(100vh - 50px);
    width: 200px;
    background-color: #082457;
}

.body-center .body-left ul {
    box-sizing: border-box;
    padding:20px 40px;
    color: white;
    width: 100%;
    height: 100%;
}
.body-center .body-left ul li:hover{
    background-color: #0ba1e4;
    border-radius: 10px;
}
@font-face {
    font-family: 'iconfont';  /* Project id 3656739 */
    src: url('//at.alicdn.com/t/c/font_3656739_fkwztq7t0q8.woff2?t=1663569629773') format('woff2'),
    url('//at.alicdn.com/t/c/font_3656739_fkwztq7t0q8.woff?t=1663569629773') format('woff'),
    url('//at.alicdn.com/t/c/font_3656739_fkwztq7t0q8.ttf?t=1663569629773') format('truetype');
}
.body-center .body-left ul li{
    line-height: 40px;
}
.body-center .body-right {
    float: right;
    width: calc(100vw - 200px);
    min-height:calc(100vh - 50px);
}
